// pages/workbook/index.js
const app = getApp()
import workbookService from "../../apis/workbook.js";
import chatService from "../../apis/chat.js";

const innerAudioContext = wx.createInnerAudioContext({
	useWebAudioImplement: true,
})//音频播放器
Page({

  /**
   * 页面的初始数据
   */
  data: {
    list:[],
    page:{
      "page_num": 1, // 默认第一页
      "page_size": 10 // 分页最大10
    },
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    
  },

  playPhrase(e){
    chatService.text_to_voice(
      {
        "content": e.currentTarget.dataset.phrase, // 转换的文字
        "phonetic": "ph_am" // 发音类型：ph_am/ph_en，TODO: 本期不区分
      }
    ).then(res=>{
      console.log('playPhrase==========',res.data)
      innerAudioContext.src ='data:audio/x-wav;base64,' +  res.data.base64_voice_data
      innerAudioContext.play();
    })
  },

  toTest(){
    wx.navigateTo({
      url: '/pages/test/index',
    })
  },

  handleToLower(){
    //触底刷新
    if(!this.data.isTriggered){
      let cur = this.data.page.page_num
      this.setData({['page.page_num']:++cur})
      console.log('dsds',this.data.page,cur)
      this.getListData()
    }
  },

  getListData(){
    //获取列表数据
    let page= this.data.page
    workbookService.list_practice_record(page).then(res=>{
      console.log('workbookService===========',res)
      let newList = res.data;
      if(newList.length==0){
        this.setData({isTriggered:true})
        wx.showToast({
          title: '没有更多了',
          icon: 'none'
        })
        return
      }
      let _list = [...this.data.list,...newList]
      this.setData({
        list:_list
      })
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    this.getTabBar().setData({
      active: 1
    })
    this.setData({
      list:[],
      page:{
        "page_num": 1, // 默认第一页
        "page_size": 10 // 分页最大10
      }
    })
    console.log('onShow==========',this.data.page)
    this.getListData()
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})